/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-weight: 400;} li{list-style: none;} a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} a:hover, .tran, .pub_button .pb_bg, .header .logo{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} img{ border: 0;vertical-align: middle;max-width:100%;display: block;} table{ border-collapse: collapse; border-spacing: 0;} input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;} input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; } html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#1568b2;} textarea{resize:none; overflow: auto;} input{padding-top: 0; padding-bottom: 0;}; select,input{vertical-align:middle; } select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1;} .clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;} .clear::before, .clear::after { content: "";display: table; } .clear::after{clear: both;} .fl{float: left;} .fr{float: right;} html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;} body{font-family:"Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;cursor: default;} .error3{display: none !important;} html,body{max-width:2560px;margin:0 auto;} .middle_box{display: table;width: 100%;height: 100%;} .middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;text-align: center;} @font-face{ font-family: 'font';} .font{font-family: 'font';} @font-face{ font-family: 'font1';} .font{font-family: 'font1';} .dn{opacity: 0;} .db1{opacity: 1;} .dn1{display: none !important;} .db2{display: block !important;} .auto{position: relative;z-index: 2;} .f_155{font-size: 155px;} .f_80{font-size: 80px;} .f_72{font-size: 72px;} .f_60{font-size: 60px;} .f_55{font-size: 55px;} .f_48{font-size: 48px;} .f_42{font-size: 42px;} .f_38{font-size: 38px;} .f_30{font-size: 30px;} .f_28{font-size: 28px;} .f_24{font-size: 24px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_14{font-size: 14px;} .f_12{font-size: 12px;} /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ .section{background-position: bottom center;background-size:cover;position: relative;overflow: hidden;background-repeat: no-repeat;} .section_two{background-image:url(../images/bg2.jpg);} .section_five{background-image:url(../images/bg5.jpg);} .section_seven{background-image:url(../images/bg7.jpg);} .section_three{background-image:url(../images/bg3.jpg);} .section_four{background-image:url(../images/bg4.jpg);background-position: center bottom;} .section_six{background-image:url(../images/bg6.jpg);} .section_eight{background-image:url(../images/bg8.jpg);} .section_nine{background-image:url(../images/bg9.jpg);} .vidbacking-active-body-back, .vidbackin-active-body-back{position: fixed;z-index: -1;min-width: 100%;min-height: 100%;top: 50%;left: 50%;background-size: cover;overflow: hidden;opacity: 1;transition: 2s opacity;transform: translateX(-50%) translateY(-50%)} .vidbacking-active-block-back, .vidbackin-active-block-back {position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%)} .vidbacking, .vidbackin{display: none} .vidmask-body-back, .vidmas-body-back {min-height: 100%;min-width: 100%;position: fixed;top: 0;left: 0;z-index: -50;display: block} .vidmask-block-back, .vidmas-block-back {min-height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;height: auto;width: auto;z-index: -50;display: block} .header{position: absolute;top:0;left:0;width:100%;z-index:999;height:100px;background: #1662b7;} .header .logo{margin: 10px 0 0;} .header .auto{padding:0 20px;text-align: center;} .header .ewm { margin: 38px 15px 0 0; cursor: pointer;position: relative;} .header .ewm1{width:133px;position:absolute;top:42px;left:-35px;display:none;} .header .ttel{text-align: center; margin: 35px 15px 0 0;} .header .ttel img,.header .ttel h3{display: inline-block;vertical-align: middle;} .header .ttel h3{color: #fff;font-family: Impact;margin-left: 5px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);} .header .auto>ul{display: inline-block;width: 55%;word-spacing:-1em;} .header .auto>ul li{display: inline-block;width: 12.5%;} .header .auto>ul li a{color: #fff;line-height: 100px;font-size: 18px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);} .header .product_son{display: none;position: absolute;left:0;top:55px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.35);z-index:999; word-spacing:-1em;} .header .product_son .item{display: inline-block;width:12.66%;margin:0.5%;} .header .product_son .item img{background: #fff;} .header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;} .header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .menu_button{cursor:pointer;width:54px;height:40px;background-size:contain;padding-top:14px;position: relative;z-index:999999;border-radius: 50%;background: #0C3291;margin: 25px 0 0 0;box-shadow: 0 0 15px rgba(255, 255, 255, .55)} .menu_button i{display: block;width:30px;height:3px;background-color: #fff;margin:0 auto 8px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_button.on, .menu_button:hover{border-radius:50%;} .menu_button.on i, .menu_button:hover i{background-color: #fff;} .menu_button.one{border-color:#fff;} .menu_button.one i{background-color: #fff;} .menu_box{width:0;position: fixed;width:0;height:100%;background-color:#000;right:0;top:0;z-index:998;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} .menu_box .item{float: left;width:14.28%;height:100%;overflow:auto;} .menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;} .menu_box .item .pad{padding:200px 0 0 50px;text-align: left;} .menu_box .item h4{font-size:30px;color:#fff;transition: .5s;} .menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;} .menu_box .item a:hover h4,.menu_box .item ul li a:hover{opacity: .7;} .menu_box .item span{font-size:14px;color:#fff;text-align: left;text-transform: uppercase;} .menu_box .item ul{padding-top:10px;} .menu_box .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer;text-align: left;} .pub_title{text-align: center;color: #fff;} .pub_title img{display: inline-block;} .pub_title h3{font-weight: 600; color:#fff;font-family: "font";} .pub_title h5{font-weight: 400; color:#fff;text-transform: uppercase;} .pub_title h3 span{color: #fff;} .pub_title p{font-weight: 500;color:rgba(255, 255, 255,1) ;} .pub_title i{width: 100px;height: 9px;background: #777;overflow: hidden;display: inline-block;margin:40px 0 30px 0;} .pub_button{position: relative;z-index:1;} .pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(22,177,203,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;} .pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .footer{padding:30px 0;overflow: hidden;background: #1662b7;;} .footer .inner{width:90%;margin:0 auto;} .footer .one{width:320px;border-right:1px solid rgba(255, 255, 255, 0.1);} .footer .one img{margin:0 auto;max-width:100%;} .footer .one strong{font-size:40px;display: block;color:#fff;margin:10px 0;text-align: center;} .footer .one .call{width:95%;height:40px;line-height:40px;text-align: center;background: #0C3191;border-radius:100px;color:#fff;margin-top: 50px;} .footer .one .call em{display: inline-block;vertical-align: top;font-style:normal;padding:0 10px;} .footer .one .call span{display: inline-block;vertical-align: top;font-family: impact;font-size:28px;color:#fff;} .footer .two{margin-left:4%;padding-right:30px;border-right:1px solid rgba(255, 255, 255, 0.1);} .footer .two.cont{width: 400px;} .footer .footer1{width: 70%;float: left;} .footer .two_two{width:43%;} .footer .footer1 .youqing1{clear: both;color: #fff;width: 92%;margin: auto;padding-top: 50px;} .footer .two a{font-size:16px;color:#fff;height:36px;line-height:36px;float: left;width:50%;} .footer .two a:hover{color:#fff;} .footer .two .title{margin-bottom:20px;} .footer .two .title p{font-size:36px;color:#fff;position: relative;font-family: impact;display: inline-block;vertical-align: middle;z-index:1;} .footer .two .title em{font-size:16px;color:#fff;border-left:1px solid #fff;padding-left:6px;display: inline-block;vertical-align: middle;margin-left:14px;} .footer .two .text{font-size:14px;line-height:30px;color:#fff;} .footer .ewm .box{text-align: center;margin-left:30px; float: left;} .footer .ewm .box img{width:140px;} .footer .ewm p{font-size:14px;color:#fff;margin-top:10px;} .copyright{height:60px;line-height:60px;color:#fff;font-size:14px;text-align: center;border-top:1px solid rgba(255,255,255,.15);clear: both;} .copyright img{display: inline-block;margin:0 10px 4px;} .copyright a{display: inline-block;margin:0 10px;color:#fff;} .wap_son{display: none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:31.33%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:rgba(255,102,0,0.6);} .pc .fixed_footer{display: none;} .mobile .fixed_footer{display: none;background: #0C3191;height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}} .mobile .fixed_footer a{float: left;width:33.33%;text-align: center;} .mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .swiper-container.iban .swiper-slide .pic_show img{ position: absolute; text-align: center; z-index: 10; } .section_one .swiper-pagination{ position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .section_one .swiper-pagination span{ width: 20px; height: 20px; display: inline-block; background-color: #fff; border-radius: 50%; opacity: 0.6; } .section_one .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } .swiper-container.ipro{height: 100%;} .swiper-container.ipro .swiper-slide{overflow: hidden;} .swiper-container.ipro .swiper-slide .pic_none{position: absolute;top: 0%; left: 0px; width: 100%; height: 100%; transition: all .8s ease;background: rgb(13, 22, 51,0.5)!important;} .swiper-container.ipro .swiper-slide .pic_none h3,.swiper-container.ipro .swiper-slide .pic_none p{color: #fff;} .swiper-container.ipro .swiper-slide .pic_none i{width: 50px;height: 1px;background: #fff;display: block;margin:20px auto;} .swiper-container.ipro .swiper-slide:hover .pic_none{top: 100%;} .swiper-container.ipro .swiper-slide .radius{width:154px;height:154px;position: relative;margin:0 auto 40px;} .swiper-container.ipro .swiper-slide .radius:after{content:'';width:154px;height:154px;position: absolute;top:0;left:0;animation:run 5s linear infinite;-webkit-animation:run 5s linear infinite;border-radius: 50%;border: 2px dashed #fff;} .swiper-container.ipro .swiper-slide .radius img{height:60px;margin:0 auto;} .swiper-container.ipro .swiper-slide .right h3{text-align: center;font-size:28px;color:#fff;} .swiper-container.ipro .swiper-slide .right p{font-size:14px;text-align: center;color:#fff;margin-top:10px;} .swiper-container.ipro .swiper-slide .pic_show{background-size: cover;height: 100%;position: absolute;width: 100%;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;opacity: 1;transition: all 1s ease;z-index: 99999999999999999999999999999;} .swiper-container.ipro .swiper-slide .pic_show h3{color: #fff;} .swiper-container.ipro .swiper-slide .pic_show i{width: 50px;height: 3px;background: #fff;display: block;margin:20px auto 0;} .swiper-container.ipro .swiper-slide .pic_show img{width: 30%;margin: 0 auto;} .swiper-container.ipro .swiper-slide:hover .pic_show{opacity: 1;transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} .swiper-container.ipro .swiper-slide:hover .pic_show:nth-child(1){ background: rgba(41, 120, 205, .8); } @keyframes run{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } @-webkit-keyframes run{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } .section_three .auto{width:95%;margin: 0 auto;} .section_three .auto .indexmore{margin: 30px auto 0;} .section_three .pub_title img{display: inline-block;} .section_three .auto>.fl{text-align: left !important;width: 15%;} .section_three .auto>.fl .pub_title{text-align: left;} .section_three .auto>.fl p{color: #fff;margin: 20% 0;line-height: 30px;} .section_three .auto>.fr{width: 80%;} .section_three .more{color: #fff;border-radius: 50px;display: block;width: 190px;line-height: 50px;text-align: center;text-transform: uppercase;text-align: left;opacity: .95;border:1px dashed #fff;text-align: center;} .section_three .more:hover{background: #1568b2;border-color: #1568b2;} .i-title:after { background: #1568b2; bottom: 0; } .i-title:before { top: 0; background: #90c320; } .i-title:before, .i-title:after { height: 50%; width: 6px; content: ''; position: absolute; left: 0; } .i-title b { display: block; font-size: 1.4vw; margin-top: 0.2vw; } .i-title span { display: block; font-size: 1vw; } .i-title>strong { font-size: 2.6vw; margin-right: 10px; } .i-title { line-height: 1; color: #fff; position: relative; z-index: 0; font-size: 0; padding-left: 2%; box-sizing: border-box; text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);} .i-title>strong i { display: none; font-style:normal;} .dis-t { vertical-align: top; } .dis-t, .dis-m, .dis-b { display: inline-block; } .i-title+p { color: #fff; margin-top: 1.5%; line-height: 1.5; text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);} .i-title+p strong { color: #fff; } .section .T { position: relative; margin-top: 4%; padding-top: 3%; z-index: 0; } .section .T:before { content: 'product'; text-transform: uppercase; font-size: 6.25vw; color: rgba(255, 255, 255, .15); position: absolute; z-index: -1; left: 0; top: 0; line-height: 1; } .pmenu{margin-top: 30px;} .pmenu a{display: inline-block;margin-right: 20px;padding: 10px 30px;color: #ffffff;background:#1568b2;} .section_six .cbox{width: 800px;} .section_six .auto{width:1500px;margin:0 auto;position: relative;} .section_six .pub_title h5,.section_six .pub_title h3{color:#fff;font-weight:600;} .section_six .pub_title .indexmore{margin-top: 65px;} .swiper-container.case{margin-top: 50px;} .swiper-container.case .swiper-slide .img{overflow: hidden;} .swiper-container.case .swiper-slide .img img{width: 100%;} #top_scroll {height:600px;overflow: hidden;max-width:100%;margin:0 auto;} #top_scroll ul li{float: left;width:49%;margin:0.5%;text-align: left;box-sizing: border-box;position: relative;} #top_scroll ul li .img{overflow: hidden;} #top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #top_scroll ul li:hover{background: #07ad6d;} #top_scroll ul li:hover .img{border-color: #07ad6d;} #top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} #top_scroll ul li h3{color:#000;font-size:18px;box-sizing: border-box; line-height: 45px; background: rgba(255,255,255,1); padding: 0 20px; white-space: nowrap; text-overflow: ellipsis;text-align: center;} #top_scroll ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(../images/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;} #top_scroll ul li:hover h3, #top_scroll ul li:hover p{color:#fff;} #top_scroll ul li:hover h3{background: #c11c79} #scroll_one{height:400px;position:relative;overflow: hidden;margin:40px 0 0;width: 100%;} #scroll_one ul{width:100000px;position:absolute;left:0;} #scroll_one ul li{float: left;width:420px;text-align: center;margin-right: 20px;} #scroll_one ul li a {position: relative;overflow: hidden;} #scroll_one ul li a .img{overflow: hidden;} #scroll_one ul li a .img img{transition: .5s;} #scroll_one ul li a:hover .img img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)-webkit-filter: brightness(1.05); filter: brightness(1.05);} #scroll_one ul li .info{height:60px;line-height:60px;padding:0 10px;background:transparent;background: #fff;transition: .3s;} #scroll_one ul li .info em{border-radius: 15px;color: #fff;font-style: normal;display: block;background: #1568b2;line-height: 25px;padding: 0 10px;margin-top: 15px;} #scroll_one ul li a:hover .info{background: #1568b2;color: #fff;} #scroll_one ul li a:hover .info em{color: #000;background: #fff;} #scroll_one ul li a:hover strong{color: #fff;} #scroll_one ul li strong{font-weight:400;color:#333;width: 65%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; text-align: left;} .section_five{position:relative;} .section_five .fl{margin: 0 0 0 8%;animation: sss 2s infinite alternate linear;} .section_five dl{ background: #be1d79; -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%); text-align: center;box-sizing: border-box;width: 250px;height: 250px;padding: 30px 30px 0;} .section_five dl:nth-child(1){margin: 0 0 0 130px;} .section_five dl:nth-child(2){background: #5b4492;margin: -40px 0;} .section_five dl:nth-child(3){background: #1568b2;margin: 0 0 0 130px;} .section_five dl dt,.section_five dl dd{color: #fff;} .section_five .fr{position: relative;width: 65%;animation: sss 1s infinite alternate linear;} @keyframes sss { 0%{ transform: translateY(-20px); } 100%{ transform: translateY(0px); } } .section_five .fr img:first-child{position: absolute;left: 25%;width: 45.75%;z-index:9;} .section_seven .pub_title h3{color: #fff;} .section_seven .cbox{overflow: hidden;width: 100%;} .swiper-container.shigong { width: 100%; padding-top: 30px; padding-bottom: 30px; } .swiper-container.shigong .swiper-slide { background-position: center; background-size: cover; width: 470px; box-sizing: border-box ;background: #fff;} .swiper-container.shigong .swiper-slide img{width: 100%;border: 5px solid #fff;} @keyframes run{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } @-webkit-keyframes run{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } .section_four .text{box-sizing: border-box;text-align: center;width:100%;box-sizing: border-box; padding: 0 5%;margin: auto;} .section_four .text .pub_title{color: #fff;margin-top: 50px;} .section_four .text .pub_title h3,.section_four .text .pub_title h5 {color: #333;} .section_four .text .pub_title h5{margin-bottom: 50px;} .section_four .text .txt{margin: 50px auto 0;width: 100%;} .section_four .text .txt p{line-height:36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; color: #666; text-align: left;} .section_four .text .indexmore{margin:0 auto 100px;display: inline-block;} .section_four .text .indexmore,.section_four .text .pub_title h5{margin-bottom: 0;} .section_four .text .txt{margin-top: 30px;} .about_type{margin:0 auto ;box-sizing:border-box;float: left;width: 40%;} .about_type ul{text-align:center;margin:0 auto;} .about_type h4{color:#fff;margin-top:0;max-height: 105px;} .about_type em{color:#fff;font-weight: 400;font-style: normal;font-size: 100px;font-family: "font1";} .about_type li{width:25%;text-align:center;margin-bottom:15px;box-sizing:border-box;float: left;} .about_type li:nth-child(n+2){border-left:1px solid rgba(255, 255, 255, 0.15);} .about_type li p{color:#fff;} .about_type11{float: right; width: 58%;} #bg{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.65);z-index:99999999;} #bg .alert_video{width:900px;height:517px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -450px;z-index:999;} #bg .alert_video video{width:100%;height:100%;display:block;} #bg .close{cursor:pointer;width:38px;height:38px;background:url(../images/close.png) center/100% no-repeat;position:absolute;right:-48px;top:10px;z-index: 999;} #bg .close:hover{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);} @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .section_two .auto{width: 100%;overflow: hidden;position: relative;} .w1300{max-width: 1300px;margin: 0 auto;} .indexmore{width: 200px !important;line-height: 50px;text-align: center;vertical-align: middle;color:#fff;display: block;background: linear-gradient(50deg, #07BBB5,#2DAAE0); border-radius: 50px;} .indexmore img{display: inline-block;vertical-align: middle;margin-left:5px;} .indexmore:hover{background: #1568b2;} .indexmore:hover img{margin-left: 10px;} .section_eight .news_bg{position: absolute;z-index: 1;display: block;width: 100%;height: 100%;left: 0;top: 0;} .section_eight video { width: 120%; height: 120%; position: absolute; top: 0; left: -10%; bottom: 0; right: 0; margin: auto; z-index: 0; } .section_eight .atuo{width:84%;margin: 0 auto;position: relative;z-index: 9;} .section_eight .pub_title{text-align: left;margin-top: 50px;} .section_eight .pub_title h5,.section_eight .pub_title h3{color: #333;font-weight: 600;} .section_eight .indexmore{margin-top: 100px;} .section_eight .xinwen{margin-top: 30px;width: 100%; overflow:hidden;} .section_eight .xinwen{margin: 50px auto 0;} .section_eight .xinwen .newnr{padding: 20px 30px; position: relative;transition: .5s;overflow: hidden;} .section_eight .xinwen .newnr b,.section_eight .xinwen .time{font-weight: 500;color: #fff;} .section_eight .xinwen .time{text-align: center;position: absolute;left: 0;top: 0;width: 80px;height: 70px;color: #fff;background: linear-gradient( 50deg , #07BBB5,#2DAAE0);} .section_eight .xinwen .time b{display: block;height: 48px;} .section_eight .xinwen .newnr i{width: 50px;height: 3px;background: linear-gradient( 50deg , #07BBB5,#2DAAE0);overflow: hidden;display: block;margin: 5px auto;} .section_eight .xinwen .newnr p{color: rgba(255, 255, 255, .4);line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; } .section_eight .xinwen .swiper-slide{box-sizing: border-box;transition: .3s;} .section_eight .xinwen .swiper-slide a{position: relative;} .section_eight .xinwen .swiper-slide:hover { background: linear-gradient( 50deg , #07BBB5,#2DAAE0); } .section_eight .xinwen a:hover .newnr b, .section_eight .xinwen a:hover .newnr .time, .section_eight .xinwen a:hover .newnr p{color:#fff;} .section_eight .xinwen a:hover .newnr i{background:#fff;} .section_eight .xinwen .xinwenl{} .section_eight .xinwen .xinwenr{} .section_nine .atuo{ position: absolute; top: 150px; width: 100%; height: 100%; margin: auto; } .section_nine ul{ width: 99%; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-top: 50px; } .section_nine li{ width: 15%; margin: auto; margin-top: 20px; } .section_nine li span{ text-align: center; width: 100%; display: block; color: #fff; margin-top: 20px; } .section_nine li img{ height: auto; } @keyframes fudong{0%,100%{transform:translate(0px,0px)}50%{transform:translate(0px,-20px)}} /*===================== 首页 END =====================*/ /*===================== 首页 END =====================*/ /* ========================= 内页 START ========================= */ /* ===================== 产品列表页 ===================== */ #list{margin:30px 0;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;} @media(max-width:1505px ){ #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;} } .showlist {width:100%;/* float:left; */} /*.showlist div *{width:100%;} .showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .showlist .wrap_box{float:left;} .showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;} #showdata {display:none;} #loaddata {text-align:center;} .showlist li .img{overflow: hidden;} .product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;} .product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;} .product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;} .product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;} .product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} /* 样式一 .product_list_one .item .info{padding:20px;background:url(../images/arrow.png) right 60px no-repeat;} .product_list_one .item strong{display: block;width:95%;font-weight:100;font-size:18px;} .product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#1568b2;} .product_list_one .item p{display: none;} .product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;} .product_list_one .item:hover .info{background:url(../images/arrow.png) right center no-repeat;} .product_list_one .item:hover strong{border-right:1px solid #f1f1f1;} /* 样式一 */ /* 样式二 .product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;} .product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;} .product_list_two .item .line1{width:0%;height:1px;margin-top:8px;} .product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;} .product_list_two .item .line2{display: none;} .product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} .product_list_two .item:hover strong{color:#1568b2;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);} .product_list_two .item:hover .line1{width:100%;height:1px;background-color:#1568b2;} .product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);} /* 样式二 */ /* 样式三 .product_list_three .item .info strong{padding:0;} .product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;} .product_list_three .item .info{padding:15px;} .product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#1568b2;margin:0px 15px 0 0;} .product_list_three .item:hover em{width:30px;} .product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} /* 样式三 */ /* 产品内页图 .product_article .img1{display: none;} .product_article .title{overflow: hidden;padding:10px 0 0;} .product_article .title h1{text-align: center;font-size:22px;color:#333;} .product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display: inline-block;vertical-align: top;} .product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;} /* 产品内页图 */ /* ===================== 产品列表页 ===================== */ /* ===================== 产品 详情页 ===================== .img_big_box{width:55%;float: left;} .img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;border-bottom:none;} .img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;} .img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#1568b2;} .info_big_box{width:42%;float: right;height:400px;} .info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;margin-top:60px;} .info_big_box .info_1{margin:30px 0 0;} .info_big_box .info_1 .dh{color:#555;margin-bottom:10px;height:40px;line-height:40px;cursor:help;font-family:impact;font-size:26px;margin-bottom:10px;letter-spacing:2px;} .info_big_box .info_1 .dh a{display: inline-block;color:#555;} .info_big_box .info_1 .dh img{display: inline-block;vertical-align: middle;width:30px;margin-right:12px;} .info_big_box .info_1 .dh span{font-size:18px;display: inline-block;vertical-align: middle;color:#555;letter-spacing:0px;} .info_big_box .info_2{padding:10px;} .info_big_box .share{height:24px;line-height:24px;margin:20px 0;} .info_big_box .share span{font-size:16px;color:#555;} .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;} .info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;} .xgcp_title h3{color:#1568b2;border-left:2px solid #1568b2;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;} .article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img, .article_content img{display: inline;} .article_box p, .article_content p{margin-bottom:14px;} #scroll_three{height:261px;position:relative;overflow: hidden;margin:40px auto 0;} #scroll_three ul{width:100000px;position:absolute;left:0;} #scroll_three ul li{float: left;text-align: center;width:300px;margin-right:20px;} #scroll_three ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;} #scroll_three ul li:hover strong{color:#fff;} #scroll_three ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;} .pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #1568b2;border-radius:60px;font-size:0px;} .pagenum span{font-size:16px;color:#1568b2;} .pagenum a:hover{background-color:#1568b2;} .pagenum a:hover span{color:#fff;} ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== #nyba{height:500px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(../images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;animation: banner 1s forwards;} @keyframes banner{ 0%{height: 250px} 100%{height: 500px} } @-webkit-keyframes banner{ 0%{height: 250px} 100%{height: 500px} } @keyframes banner1{ 0%{height: 200px} 100%{height: 280px} } @-webkit-keyframes banner1{ 0%{height: 200px} 100%{height: 280px} } #nyba::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;background: rgba(0, 0, 0, 0.2);z-index: 1;} .fade_text{text-transform:uppercase;margin-top:10%;text-align: center;font-size:0;text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);position: relative;z-index: 9;} .fade_text span{color:#fff;display: inline-block;} .fade_text .cn{height:95px;line-height:95px;overflow: hidden;} .fade_text .cn span{font-size:72px;} .fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;} .fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;} .arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow: hidden;width:8px;z-index: 9;} .arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; } .arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;} .arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; } @-webkit-keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;} .son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .son_list a i{background-color:#1568b2;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} .son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .son_list a:hover, .son_list a.active{color:#fff;} ===================== 内页 Banner 图 ===================== */ /* ===================== 面包屑导航 ===================== .position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;} .position_now a{display: inline-block;color:#707070;} .position_now .fl{color: #707070;} .position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;} .position_now .fr{font-family: impact;color:#1568b2;font-size:22px;} .position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;} .position_now .fr strong{font-weight:100;} /* ===================== 面包屑导航 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 .news_one .news_box li{margin-bottom:20px;} .news_one .news_box li .img{width:40%;height:300px;overflow:hidden;float:left;border-radius:8px;position: relative;} .news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);} .news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;} .news_one .news_box li .info{width:58%;height:240px;float:right;padding-top:60px;} .news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;} .news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;} .news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;} .news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#1568b2;} .news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;} .news_one .news_box li:hover .info{padding-top:50px;} .news_one .news_box li:hover .line i{width:100%;} .news_one .news_box li:hover h3{color:#1568b2;} .news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);} .news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;} .news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;} .news_article_box .left_fixed .text{padding:40% 0 0 25%;} .news_article_box .left_fixed h6{font-size:70px;color:#1568b2;opacity:0.5;font-style:italic;font-family: impact;} .news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;} .news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;} .news_article_box .left_fixed .return:after{content:'';} .news_article_box .right_article{float: right;width:70%;background-color: #f5f5f5;overflow: hidden;margin-top: 100px;} .news_article_box .inner_content{padding:30px 50px;} .news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;} .news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;} .news_article_box .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;} .news_article_box .h1_title .time span{color:#777;font-size:16px;} .page_list{text-align: center;} .page_list b{font-size:0;} .page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;} .page_list b font{background-color:#1568b2;color:#fff;border-color:#1568b2;} .page_list_span1{display: none;} 新闻样式 1 */ /* 新闻样式 2 .news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;} .news_two .news_box li .time strong{font-size:50px;color:#1568b2;display: inline-block;font-family:"SimHei";position: relative;} .news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#1568b2;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li .time span{font-size:12px;color:#333;display: block;font-family:"SimHei";} .news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;height:52px;overflow: hidden;margin:15px 0 10px;} .pc .news_two .news_box li:hover h3{color:#1568b2;} .news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;} .news_two .news_box li i{position: absolute;background-color:#1568b2;} .news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;} .news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;} .pc .news_two .news_box li:hover i.i1{width:30px;} .pc .news_two .news_box li:hover i.i2{height:30px;} .pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .pc .news_two .news_box li:hover strong::after{width:100%;} .fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;} .fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);} .fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#1568b2;} .fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../images/jia.png) center center/80% no-repeat;} .fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;} @media( max-width:1505px ){ .fixed_body .fixed_article{width:1000px;margin-right:-500px;} } /* 新闻样式 2 */ /* ===================== 新闻页面 ===================== */ /* ===================== 产品页 左侧 导航 ===================== #list .left_side{width:280px;} #list .left_side .box_one, #list .left_side .box_two{width:260px;background: #222;padding:10px 10px;} #list .left_side .box_one{ background-color: #0C3191;} #list .left_side .box_one .title{text-align: center;margin-bottom:20px;} #list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;} #list .left_side .box_one .title p{color:#fff;font-size:16px;text-transform: uppercase;} #list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;} #list .left_side .box_one ul li a{position: relative;z-index:1;overflow: hidden;height:50px;} #list .left_side .box_one ul li span, #list .left_side .box_one ul li em{position: absolute;display: block;width:96%;height:100%;padding-left:4%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} #list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;} #list .left_side .box_one ul li em{right:-100%;top:0;background-color:#1568b2;color:#fff;font-style:normal;} #list .left_side .box_one ul li a:hover span, #list .left_side .box_one ul li a.active span{top:100%;} #list .left_side .box_one ul li a:hover em, #list .left_side .box_one ul li a.active em{right:0;} #list .left_side .box_one ul li .son_nav{border-top:1px solid #1568b2;} #list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position: relative;} #list .left_side .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#1568b2;} #list .left_side .box_one ul li .son_nav a:hover::after, #list .left_side .box_one ul li .son_nav a.active::after{background-color: #fff;} #list .left_side .box_one ul li .son_nav span{padding-left:40px;} #list .left_side .box_two{margin-top:10px;padding:20px 10px;} #list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;} #list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;} #list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;} #list .left_side .box_two .more i{background-color:dodgerblue;} #list .left_side .box_two .more:hover{color:#fff;} #list .right_side.fr{width:1200px;} @media(max-width:1505px ){#list .right_side.fr{width:900px;}} /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== .form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;} .form_box .sf{margin:0 auto;text-align: center;font-size:0;} .form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;} .form_box .an{vertical-align: bottom;} .form_box .an:hover{border-color:#1568b2;} .form_box .inp{height:38px;vertical-align: bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} ul.fs .box1 li{float: left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#1568b2;} ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;} ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;} ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#1568b2;} ul.fs li.radio{text-align: center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align: center;margin:20px 0;} ul.fs li.yzm img{display: inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#1568b2;} ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#1568b2;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== #allmap{height:500px;} #allmap img{max-width:none !important;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== .go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#1568b2;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== .firstRow img {display: inline-block;} /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ @media( max-width:1600px ){ .section_eight .atuo{width: 1200px;} } @media( max-width:1366px ){ .section_four .text .pub_title h4::before,.section_four .text>img,.section_four .afour ul.db,.footer .one,.section_nine .conbox .pub_title{display: none !important;} .f_155{font-size: 100px;} .f_80{font-size: 70px;} .f_72{font-size: 55px;} .f_60{font-size: 50px;} .f_55{font-size: 40px;} .f_48{font-size: 38px;} .f_42{font-size: 38px;} .f_38{font-size: 32px;} .f_30{font-size: 26px;} .f_24{font-size: 20px;} .f_20{font-size: 16px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .header{height: 70px;} .header .logo{margin-top: 20px;} .header .logo img{height: 50px;} .header .auto>ul li a{font-size: 16px;} .header .ttel{top: 25px;} .pub_title i{margin: 10px 0;} .swiper-container.shigong{padding: 20px 0;} .gallery-top .swiper-slide .fr{height: 400px;width:400px;margin-right: 60px;} .gallery-top { width:72%; } .gallery-thumbs .swiper-slide img{width: 100px;height: 100px;} .gallery-thumbs .swiper-slide h3{ width: 40%;margin-top: 40px;} #scroll_one{margin: 20px 0 0;height: 300px;} #scroll_one ul li{width: 320px;} .w1300,.section_nine .auto,.section_four .auto{width: 1000px;} .section_four .text .txt a{margin: 10px auto} .section_six .auto{width: 1200px;} .section_six .cbox{width: 700px;} #top_scroll{height: 500px;} #top_scroll ul li h3{line-height: 35px;} .section_four .text{padding-bottom: 5%;} .section_four .text .pub_title{margin-top: 0px;} .about_type em{font-size: 70px;} .section_four .text .pub_title h4{width: 300px;} .swiper-container.case .swiper-slide .img{height: 400px;} .swiper-container.shigong .swiper-slide{width: 450px;} .section_eight .auto{width: 1000px;} .section_eight .xinwen{margin: 20px auto 0;} .section_eight .xinwen .time{width: 80px;height: 60px;} .section_eight .xinwen .time b{height:40px} .section_five .fl{margin-left: 5%;} .section_five dl{width: 200px;height: 200px;padding: 20px 15px 0;} .section_nine .conbox{margin-top: 25px;display: inline-block;width: auto;padding: 0 20px;} .section_nine .auto{margin-top: 0;text-align: center;} .section_nine .map{margin-top: 5%;} .section_nine .conbox li{margin: 0;} .section_nine .conbox .ftel{margin: 10px 0;} .section_nine .conbox>p img:last-child{height: 30px;} .section_nine .conbox dl{height: 50px;line-height: 50px;width: 500px;text-align: left;} } .wap_son{display: none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:47.9%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#0BB9BA;} @media( max-width:1210px ){ .items{width: 320px;height: 320px;} .items .dot,.items .line2,.items .line1{width: 300px;height: 300px;} .items .dot div h2 span{font-size: 30px;} .items .dot div{margin: 15px 0;} .items .dot p{font-size: 14px;} .f_155{font-size:3em;} .f_80{font-size: 60px;} .f_72{font-size: 38px;} .f_60{font-size: 30px;} .f_42{font-size: 24px;} .f_48{font-size: 28px;} .f_38{font-size: 24px;} .f_55,.f_30{font-size: 22px;} .f_28{font-size: 20px;} .f_24{font-size: 18px;} .f_20{font-size: 16px;} .f_18{font-size: 14px;} .f_16,.product_list_one .item strong{font-size: 14px;} .i-title { padding-left: 5.2vw; line-height: normal; display: inline-block; vertical-align: top; } .i-title>strong { margin-right: 0; font-size: 6.5vw; } .i-title>strong i { display: inline-block; vertical-align: top; font-size: 6.5vw; margin-top: 0; font-weight: bold; } .section .T { margin-top: 0; padding-top: 7%; text-align: center;width: auto !important;} .section .T ul { margin-top: 6.5%; } .section .T li i { height: 10vw; margin-bottom: 2vw; } .section .T li h3, .section .T li a.on h3 { font-size: 3.8vw; color: #444; } .section .T li a { padding: 17% 0; } .section .T:before{ font-size: 16.6vw; color: rgba(255, 255, 255, .15); left: 50%; transform: translateX(-50%); } .product_list_one .item strong{width: 100%;} .product_list_one .item .info{padding: 5px;} .page_list b a, .page_list b font{width: 30px;height: 30px;line-height: 30px;} .w1300, .section_nine .auto{padding: 0 15px;box-sizing: border-box;} html, body{max-width:750px;margin:0 auto !important;} .wap_show{display: block !important;} .wap_show img{display: inline-block;} /* .wap_show .firstRow{text-align: center;} */ .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, .img_big_box, #none,.header .auto>ul,.section_one .con .txt h2,.swiper-pagination,.more, .footer .one, .footer .two_two, .footer .ewm, .section_six .box .item span, .video_box, .video_box_one, #scroll_one ul li span, .new_ut_z_date, .hz_news_more,.section_nine .map,.section_nine .conbox .contxt,.header .ttel,.section_seven .pnav ul li::before,.section_seven .pnav ul li::after,.i-title b, .i-title span,.info_big_box .info_1 .dh:nth-child(3),#background_video, .pc_show,.section_four .auto>img,.section_eight .newsl,.section_eight .newsr,.section_seven .auto ul li:nth-child(2),.section_three .auto>.fl,.section_four .lou,.gallery-top .swiper-slide .fl .indexmore, #scroll_one ul li .info em,.section_four::before,.section_eight .fp-tableCell>.fl,.section_eight .fr,.section_six .pub_title .indexmore,.section_six .pub_title i,.gallery-top .swiper-slide .fl i,.section_eight .news_bg,.section_eight video{display: none !important;} .header .menu_box, .mobile .fixed_footer, .wap_son{display: block;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto,.footer .inner,.section_seven .auto,.section_eight .auto,.section_eight .atuo{width:auto;padding:0 15px;} .product_son,.section_four .text .txt p:nth-child(2){display: none !important;} .gallery-top{width: 100%;} .header .ewm{margin-top: 15px;} .section_one .banner1 .video_bg .bannertxt h3{font-size: 30px;} .pub_title{text-align: center !important;float:none;margin: auto;} .copyright{height:auto;line-height:40px;} .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} #allmap{height:300px;margin-top:54px;} #nyba{height:280px;animation: banner1 1s forwards;} .fade_text{margin-top:120px;} .fade_text .cn{line-height:40px;height:40px;} .fade_text .cn span{font-size:30px;} .fade_text .en{font-size:16px;} .fade_text .line{margin:10px auto;} .form_box_box, ul.fs{width:100%;} .form_box_box{margin:0;padding:20px 0;box-shadow:none;} ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;} .product_list_one .item, .product_list_two .item, .product_list_three .item{width:49%;margin:0.5%;} .product_list_two .item .info{min-height:70px;} #list .right_side{float:none !important;width:100% !important;} .news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;} .news_one .news_box li .img{height:200px;} .news_one .news_box li .info{padding-top:20px;height:auto;} .news_one .news_box li .info .time{padding:6px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .son_list{height:40px;} .son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;} .news_article_box .right_article{width:100%;float:none;background-color: #fff;} .news_article_box .wow.h1_title{padding-top:100px;} .news_article_box .inner_content, .news_article_box .h1_title{padding:20px;} .news_two .news_box li{width:49%;margin:0.5%;} .news_two .news_box li a{padding:8px;} .news_two .news_box li .time strong{font-size:30px;} .fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;} .fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;} .fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .info_big_box{width:100%;height:auto;} .info_big_box h1{margin-top:0;font-size:20px;} .info_big_box .info_1{margin-top:10px;} .info_big_box .share{margin:0 0 10px 0;} .xgcp_title{margin-top:10px;} .menu_box{overflow:auto;min-height:100%;} .menu_box .item{float:none;width:100%;height:auto;} .menu_box .item .pad{padding:30px 40px 0;} .menu_box .item h4{font-size:18px;} .menu_box .item ul li a{font-size:14px;height:28px;line-height:28px;} .menu_box .item:last-child{padding-bottom:40px;} .header .auto{padding: 0 10px;height:80px;} .header .logo{margin: 0 auto;} .header .logo img{height:45px;margin-top: 10px;} .menu_box .menu_logo{position: relative;left: 40px;top: 0px;margin-top: 30px;} .menu_button{padding-top:12px;width:44px;height:32px;margin-top:10px;top: 0;} .menu_button i{height:2px;width:26px;} .section_one .bannertxt{padding: 0 15px;} .section_one .banner1 .video_bg .bannertxt h5{margin: 15px 0;} .section_one .con .txt img{height: auto;width:100%;} .section_one .banner1 .video_bg img{width: 40%;height:auto} .section_one .fp-tableCell>a img{bottom: 10%;} .gallery-top .swiper-slide .fl h2{margin-top: 15px;} .gallery-top .swiper-slide .fl p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; } .section_one .con{padding:0 15px;box-sizing: border-box;} .gallery-top .swiper-slide .fl,.gallery-top .swiper-slide .fr{width: 100%;float:none;} .gallery-top .swiper-slide .fl{margin: auto;text-align: center;} .gallery-top .swiper-slide .fl .pub_title{text-align: center;} .gallery-top .swiper-slide .pub_title>i{margin:0 auto} .gallery-top .swiper-slide .fr{width: 100%;height:auto;margin-right: 0;margin-top: 50px;} .section_three .auto>.fr{width: 100%;float: none;} .section_three .auto>.fl p{text-align: center;line-height: 20px;opacity: .9;} .section_three .auto>.fl .pub_title{text-align: center;} .section_three .auto>.fl p{margin: 5%;} .section_four .auto, .section_six .auto{width:100%;padding:0 15px;box-sizing: border-box;} .pmenu a{width: 49%;margin-right: 1%;padding: 5px 0;text-align: center;margin-bottom: 4px;} #scroll_one{height:200px;width: 100%;} #scroll_one ul li{width:200px;} #scroll_one ul li strong{float:none;display: block;} .section_six .pub_title{margin: 0;} .section_six .cbox{width: auto;} #top_scroll{height: 400px;} #top_scroll ul li h3{line-height: 24px;font-size: 14px;} .section_four .text .pub_title h5{margin-bottom: 20px;} .section_four .text{width: 100%;margin: 0;padding: 0 15px;} .section_four .indexmore{border: none;margin:0;} .about_type em,.about_type h4{font-style: normal;} .about_type em{font-size: 34px;} .section_four .text .txt a{margin:0 auto;width: 150px; line-height: 30px;background: #1568b2 ;color: #fff;} .section_four .text .pub_title h3{margin:0;letter-spacing:0;} .section_four .auto{position: relative;z-index: 2;} .section_four .text .pub_title{text-align: center;width: 90%;margin: 0 auto;} .section_four .text h2{font-size:26px;text-align: center;font-weight: 700;text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);margin-top: 0;} .section_four .text .pub_title dl dt::after{font-size:60px} .section_four .img1{width: 80%;margin: 10px auto 0 auto;padding: 0;} .section_four .text p{line-height: 22px;-webkit-line-clamp: 3;display: inline-block;} .section_four .text .txt{padding: 0;margin: 0;width: auto;} .about_type{width: 100%;} .section_five .fl{margin: 0;text-align: center;width:100%} .section_five dl{margin: 0 !important;width: 130px;height: 130px;padding: 10px;display: inline-block;} .section_five .fr{width: 100%;} .section_five dl dt{font-size:20px} .section_five dl dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; font-size:12px;} .section_eight .xinwen{box-sizing: border-box;width: 90%;margin: 0 auto;} .section_eight .xinwen .xinwenr{right: -30px;width: 30px;height: 30px;} .section_eight .xinwen .xinwenr::after,.section_eight .xinwen .xinwenl::after{font-size: 20px;} .section_eight .xinwen .xinwenl{left: -30px;width: 30px;height: 30px;} .w1300, .section_nine .auto{width: 100% !important;box-sizing: border-box;} .section_eight .auto img,.section_eight .xinwen .newnr{top: auto;opacity: 1;} .section_eight .fr{width: 100%;margin:0 auto;} .section_nine .conbox{display: block;width: 100%;padding: 4%;height: auto;box-sizing: border-box;margin-top: 0;} .section_nine .conbox .contxt.dn{line-height: 22px;display: block !important;font-size: 16px !important;text-align: left;} .section_nine .conbox .pub_title{margin: 0;display: block !important;} .section_nine .conbox dl {margin: 0 0 10px !important;width: 100%;} .section_nine .conbox dl dt img{display: inline-block;} .footer .cont{border:none;width: 100%;margin:0;padding:0;box-sizing: border-box;} } @media (min-width:640px){ .mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;} } .mobile .fixed_footer a{float: left;width:33.33%;text-align: center;} .mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} .wap_show{display: none;} @media( max-width:640px ){ .shigong .swiper-slide,.anli .swiper-slide{width: 400px !important; } .shigong .swiper-button-prev,.anli .swiper-button-prev{left: 0 !important;} .shigong .swiper-button-next,.anli .swiper-button-next{right: 0 !important;} #background_video { display: none; } .syb{background:url(../images/banner.gif) center center no-repeat;width:100%;height:100%;background-size: cover;} } @media( max-width:500px ){ .shigong .swiper-slide,.anli .swiper-slide{width: 350px !important; } } @media( max-width:320px ){ .shigong .swiper-slide,.anli .swiper-slide{width: 320px !important; } } /* 高度改变时 */ .h800 #scroll_one, .h750 #scroll_one, .h700 #scroll_one{height:300px;} .h800 .section_three .img1, .h750 .section_three .img1, .h700 .section_three .img1, .h650 .section_three .img1{height:100px;} .h800 .section_three .more, .h750 .section_three .more, .h700 .section_three .more, .h650 .section_three .more{margin-top:20px;} .h750 .section_six .auto, .h700 .section_six .auto, .h650 .section_six .auto{height:500px;} .h750 .section_six img.img0, .h700 .section_six img.img0, .h650 .section_six img.img0{top:220px;} .h750 .section_six img.img1, .h700 .section_six img.img1, .h650 .section_six img.img1{top:auto;bottom:60px;} .h750 .section_six img.img5, .h700 .section_six img.img5, .h650 .section_six img.img5{bottom:60px;top:auto;} .h750 .section_six img.img2, .h700 .section_six img.img2, .h650 .section_six img.img2{top:60px;} .h750 .section_six img.img3, .h700 .section_six img.img3, .h650 .section_six img.img3{top:120px;} .h750 .section_six img.img4, .h700 .section_six img.img4, .h650 .section_six img.img4{top:340px;} /*===================== 响应式代码 END =====================*/